<template>
  <div class="head">
    <van-icon  name="fire" color="#ffd87d" />
    <span>热门</span>
    <van-icon class="right" name="video-o" />
    <van-icon class="right" name="search" />
  </div>

  <lists-nav />

  <bottom-nav />
</template>

<script>
import { ref } from 'vue';
import "../assets/icon/iconfont.css";
import ListsNav from '../components/ListsNav.vue'
import BottomNav from '../components/BottomNav.vue'
export default {
  components: {
    BottomNav,
    ListsNav,
  }
}
</script>

<style scoped>
.head .van-icon {
  display: inline;
  color: #606060;
  padding-right: 10px;
  padding-top: 10px;
}
.head{
    padding: 10PX;
}
.head span {
  color: #f22a2a;
  margin-left: 20px;

}

.right{
  float: right;
}

</style>